// pages/matrix/matrix.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    showEditDialog: false, // 控制编辑阵列名称弹窗显示
    currentMatrixIndex: -1, // 当前编辑的阵列索引
    tempMatrixName: '', // 临时输入的阵列名称
    matrixList: [
      {
        id: 'matrix001',
        name: '龙珠阵列',
        icons: [
          '/statics/images/CHYRAE_icon.png',
          '/statics/images/CHYRAE_icon.png',
          '/statics/images/CHYRAE_icon.png',
          '/statics/images/CHYRAE_icon.png',
          '/statics/images/CHYRAE_icon.png',
          '/statics/images/CHYRAE_icon.png'
        ]
      },
      {
        id: 'matrix002',
        name: '点击命名阵列',
        icons: []
      }
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },

  /**
   * 返回按钮点击事件
   */
  onBackTap() {
    wx.switchTab({
      url: '/pages/main/main'
    });
  },

  /**
   * 新建按钮点击事件
   */
  onNewTap() {
    // TODO: 新建阵列
    console.log('点击新建');
  },

  /**
   * 阻止事件冒泡
   */
  stopPropagation() {
    // 阻止事件冒泡
  },

  /**
   * 阵列项点击事件
   */
  onMatrixItemTap(e) {
    const index = e.currentTarget.dataset.index;
    console.log('点击阵列项:', index);
    // TODO: 处理阵列项点击
  },

  /**
   * 编辑阵列名称点击事件
   */
  onEditMatrixNameTap(e) {
    const index = e.currentTarget.dataset.index;
    if (index >= 0 && index < this.data.matrixList.length) {
      const matrix = this.data.matrixList[index];
      this.setData({
        currentMatrixIndex: index,
        tempMatrixName: matrix.name,
        showEditDialog: true
      });
    }
  },

  /**
   * 阵列名称输入事件
   */
  onMatrixNameInput(e) {
    this.setData({
      tempMatrixName: e.detail.value
    });
  },

  /**
   * 关闭编辑弹窗
   */
  closeEditDialog() {
    this.setData({
      showEditDialog: false,
      currentMatrixIndex: -1
    });
  },

  /**
   * 取消编辑
   */
  onCancelEdit() {
    this.closeEditDialog();
  },

  /**
   * 保存阵列名称
   */
  onSaveMatrixName() {
    const matrixName = this.data.tempMatrixName.trim();
    const index = this.data.currentMatrixIndex;
    
    if (matrixName && index >= 0 && index < this.data.matrixList.length) {
      const matrixList = this.data.matrixList;
      matrixList[index].name = matrixName;
      
      this.setData({
        matrixList: matrixList,
        showEditDialog: false,
        currentMatrixIndex: -1
      });
      
      wx.showToast({
        title: '保存成功',
        icon: 'success',
        duration: 1500
      });
    } else if (!matrixName) {
      wx.showToast({
        title: '阵列名称不能为空',
        icon: 'none',
        duration: 1500
      });
    }
  },

  /**
   * 播放阵列点击事件
   */
  onPlayMatrixTap(e) {
    const index = e.currentTarget.dataset.index;
    console.log('播放阵列:', index);
    // TODO: 播放阵列
  },

  /**
   * 添加图标点击事件
   */
  onAddIconTap(e) {
    const index = e.currentTarget.dataset.index;
    console.log('添加图标到阵列:', index);
    // TODO: 添加图标
  }
})
